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Accessible  Video  Requirements 


■  Captions  for  deaf  and  hard  of  hearing  users 

■  And  for  searchability 

■  Accessible  Controls 

■  Screen  reader  accessible 

■  Screen  magnifier  accessible 

■  Keyboard  accessible 

■  Audio  (video)  Description  for  visually  impaired  users 

■  Full  screen  captions/subtitles 

■  Access  to  transcript  for  users  who  are  deaf-blind 

■  And  possibly... 

■  Ability  to  pause  video  when  loaded 

■  Visual  appeal 
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WCAG  2.0  Perspective 


■  WCAG  2.0  (http://www.w3.org/TR/WCAG20)  requires  equivalents  for  audio 
and  video,  as  well  as  accessible  controls. 

■  Definition  of  "Alternative  for  time-based  media" 


Media 

Captions 

Video 

"alternative  for 

Signing 

Description 

time-based  media" 

Video  in 

synchronized  AA  A 

media  AAA  (extended)  AAA  (full  screenplay) 
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Section  508  ANPRM 


■  The  Section  508  Advance  Notice  of  Proposed  Rulemaking  is  in 
keeping  with  WCAG  2.0  rules  for  video  accessibility 

■  http://www.access-board.gov/sec508/refresh/draft-rule.htm 
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Captions 


■  Captions  online  have  become  much  more  commonplace. 

■  Lots  of  tools  available  to  support  creating  captions 

■  YouTube 

■  MAGpie 

■  Automatic  Sync 

■  Softel 

■  DocSoft 

■  Subtitle  Horse 

■  Many  more 
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Accessible  Flash  with  Video  at  US  Dept,  of  Education 


■  Flash  with  accessible  video  controls  and  captions  at  DoEd. 


■  http://federalstudentaid.ed.gov/nnystory/ 


t/o/yte 


'/Jo/yfc  A&cu/t  My  Story  Media.  Jdyfo 


Real  students  tell  real 
stories  about  gettinc 
money  for  college. 

My  Story  Media.  Xrrfo 


Jhf'ec/  s  Stoty 

Jared  knew  he  wanted  more  out  of  life  than  a  dead-end 
job.  With  the  help  and  encouragement  of  his  mother,  this 
older  student  discovered  that  college  -  and  his  goal  of  a  job 
in  journalism  -  was  well  within  reach. 


Read  Jared's  Stoi 
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YouTube  Captioning 


■  Offers  captioning  support 


Adobe 
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YouTube  Captioning 


■  Offers  multiple  language  support 
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YouTube  Captioning 


■  YouTube  now  offers  automatic  captions 


■  Employs  Speech  To  Translation  to  generate  transcript 

■  Utilizes  programmatic  alignment  of  text  to  audio  to  generate  captions 


Add  New  Captions  or  Transcript 


■  Uploading  transcripts 
also  possible  for  more 
accurate  results. 


File 

|  Browse...  [ 

Type 

®  Caption  file  (includes  time  codes) 
O  Transcript  file  (English  only)  (’beta*) 


Captions  and  subtitles  help  viewers 
with  hearing  disabilities  and  people 
who  speak  other  languages  to 
enjoy  your  videos.  To  learn  more 
about  this  feature,  see  the  Help 
Center. 

Important:  By  clicking  "Upload  file", 
you  are  representing  that  the 
uploaded  text  does  not  violate 
YouTube's  Terms  of  Service,  and 
that  you  own  all  copyrights  in  this 
video  and  caption  track  or  have 
authorization  to  upload  the  video 
with  captions. 


i  Language: _ Name  (optional): 

English  v 


Cancel 


Return  to  Available  Tracks 
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Creaturediscomforts.org 


■  Offers  transcripts,  subtitles,  and  sign  language 

Pla y  the  Ms 


Select  a  Radio  Ad  ►  1 12|3|4|5|6|7|8|9 
View  The  $cm>T$  ►  TVAds:i  1 2 13 1 4 1 s| e| 7 1 s 

►  Radio  Ads:  1|2|3|4|5|6|7|8|9 


Subtitles  Sign  Language 


L 
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Alternative  Viewing  of  YouTube  Videos 


Accessible  HTML  controls  using  Flash  Player's  JavaScript  API 
http://icant.co.uk/easy-youtube/ 


YouTube  Address:  ''c^jTib^om/wat^v^^ZXdcPORP^B^oad" 


You  can  go  to  the  YouTube  video  you  want  to  watch  and  copy  and  paste  the 
address  at  the  top  into  this  box. 


CNETTV.com 


What's  Hot 


Buzz  Report 


►  Twitter  backlash 


GRDGET  OF 
THE  WEEK 


►  Internet  Explorer  8 


« iPhone 


►  iPhone  OS  3.0 


The  Gadget  of  the  Week  is  the  Dell  Adamo. 


>  Play  Video 


II  M  M  *  H  [«] 


0:21  /  4:04 

HD  onEO 


cnet  tv  _ 

Today  on  CNET  Product  videos  CNET  Tech  Shows  News  Videos 


email  download  share  subscribe 
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Hulu.com 


•Captions  provided  for  many  videos 


Popular  Episodes 


[H!  Lie  To  Me:  The  Best  Policy 

Season  1  :  Ep.  7  (43:54) 


More:  Lie  To  Me 
Channel:  Drama 


feci  Family  Guy:  The  Juice  Is 
Loose 

Season7:Ep.9  (21:53) 

More:  Family  Guy 
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Video  Description 


■  Video  description  and  audio  description  are  the  same  thing. 

■  Video  description  is  still  rare  online. 

■  Few  tools  support  video  description 

■  MAGpie 

■  Audio  editing  tools  for  recording  description  files 

■  Demonstration  of  video  description 
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Accessible  Controls 


■  Flash  provides  the  most  accessible  controls  for  embedded 
video. 

■  Accessibility  is  handled  automatically  in  the  default  video 
playback  controls  in  CS4. 
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Accessible  User  Interface 


pect  (32-bit  UNICODE  Release)  (HWND:  Ox...  (-J(nJ[Xj 


mu 

File  Edit  Options  Navigation  Action  Help 


OLUMBI AN  ARTIFACTS 


ft  HOME 


El  m  gf 


■  Ifl  ■  +  ' 


■A- 

0 

i=? 

1  ■  |  4— 

How  found:  Mouse  move  (931 .578) 

hwnd=Cb<OOOB0548  32bit  class="MacromediaFlashPlayerActiveX' 
Info :  lAcc  =  CbcO0 1 8071 C  VarChild :  [VT_l4=(k0] 

Interfaces:  lEnumVARIANT  lOleWindow 

Impl:  Remote  native  I  Accessible 

Annotation  ID:  [not  supported] 

Name:  "Welcome  Message" 

Value:  none  [mnfd] 

Role:  client 

State:  focused  .focusable 

Location:  (1:654.  t:209,  w:389,  h:421) 

Description :  none  [mnfd] 

Kbshortcut:  none  [mnfd] 

Def Action:  none  [mnfd] 

Parent:  none  [screen] 

Help:  none  [mnfd] 

Help  Topic:  none  [mnfdj 

ChildCount:  6 

Window:  {MWOB0548  class="MacromediaFlashPlayerActiveX"  styte=Cbc5€( 

Children :  none  [mnfd] :  animation  :  normal 

"OVERVIEW"  :texl  :  read  only 
"Pause" :  push  button  :  focusable 
"Robert  Sharer 

Shoemaker  Professor  of  Anthropology 
University  of  Pennsylvania” :  text :  read  only 

"Volume  Mute  On" :  push  button  :  focusable 
"Hide  Captions" :  push  button  :  focusable 
Selection:  none  [mnfd] 

Ancestors:  [  No  Parent  ] 


There  are  artifacts  with  both  images  and  writing,  like 
books  with  illustrations. 


OVERVIEW 

II 


■0  £33 


Robert  Sharer 

Shoemaker  Professor  of  Anthropology 
University  of  Pennsylvania 
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Demonstration 


Adding  captions  and  accessible  controls  in  Flash  CS4 


ADOBE  FLASH  CS4 
PROFESSIONAL 
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How  Does  Captioning  Work  in  Flash? 


■  The  FLVPIaybackCaptioning  component  supports  two  methods 

■  Embedded  caption  data  in  cue  points 

■  Parsing  DFXP  caption  data  and  creating  ActionScript  cue  points,  by 
TimedTextManager 

■  Cue  points  are  triggered  at  specific  times  and  displayed 

|  KingTut.dfxp.xml*  [  _  _ 


What's  the  easiest  way  to  get  an  accessible  interface? 


If  you  don't  have  the  Flash  Authoring  tool,  you  can  use  these  to 
get  support  for  captions  and  an  accessible  interface: 

■  CC  for  Flash 

■  http://ncam.wgbh.org/webaccess/ccforflash 

■  JWFLV  Player 

■  http://jeroenwijering.net 
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Resources 


Adobe  Links 

■  Adobe  Accessibility  Resource  Center 

adobe.com/accessibility 

■  Adobe  Accessibility  Blog 

blogs.adobe.com/accessibility 

■  Flash  Captioning  information 

http://www.adobe.com/accessibility/products/flash/captions.html 

■  Flash  Captioning  DevNet  Article 

http://www.adobe.com/devnet/flash/articles/video  captionate.html 

DFXP 

■  W3C  DFXP  (Distribution  Format  Exchange  Profile) 

http://www.w3.orq/TR/2006/CR-ttaf1  -dfxp-20061 116 
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Andrew  Kirkpatrick 

Sr.  Product  Manager,  Accessibility 

akirkpat@adobe.com 
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